(function () {
    var kecheng = document.querySelector('.kecheng')

    var str = '';
    classList.forEach(function (item) {
        str += `<div class="detail">
         <p class="title">${item.title}（含${item.num}期）<i class="iconfont iconRadio icon-down"></i></p>
         <ul class="">`

        item.list.forEach(function (val) {
            str += `<li>
             <p>
                 <i class="iconfont icon-bofang"></i>
                 <span>${val.name}</span>
             </p>
             <p>
                 <span class="timeSpan">${val.time}开播</span>
                 <a href='videoPlay.html'><span class="start">播放视频</span></a>
             </p>
         </li>`

        });
        str += `</ul>
         </div>`
    })
    kecheng.innerHTML = str;
  
})();

//切换
(function (){

    var span=document.querySelectorAll('.tabTitle span')
    var box=document.querySelectorAll('.tabBox')

        // console.log(span);
    for(var i=0;i<span.length;i++){
        span[i].index=i;
        span[i].onclick=function (){
            //所有的去掉样式
             for(var i=0;i<span.length;i++){
                 U.removeClass(span[i],'active')
                 U.removeClass(box[i],'active')
             }
             //当前按的加上样式
             U.addClass(this,'active')
             U.addClass(box[this.index],'active')

        }
    }

})();

//实现展开收缩(事件代理)
(function (){
    kecheng=document.querySelector('.kecheng')
    kecheng.onclick=function(ev){
        var ev=ev||window.event;
        var target=ev.target||ev.srcElement;

        if(U.hasClass(target,'icon-top1')){
            U.removeClass(target,'icon-top1')
            U.addClass(target,'icon-down')


            //当前的元素的父元素的兄弟元素
            U.removeClass(target.parentNode.nextElementSibling,'active')
        }
        else if(U.hasClass(target,'icon-down')){
            U.removeClass(target,'icon-down')
            U.addClass(target,'icon-top1')


            //当前的元素的父元素的兄弟元素
            U.addClass(target.parentNode.nextElementSibling,'active')
        }
    }

    //全部展开收缩
    var seeAll=document.querySelector('.seeAll');
    seeAll.onclick=function(){
        var iconRadio =kecheng.querySelectorAll('.iconRadio')
        var ul=kecheng.querySelectorAll('ul');
         if(this.innerHTML=='全部展开'){
             for(var i=0;i<iconRadio.length;i++){
                 U.removeClass(iconRadio[i],'icon-down')
                 U.addClass(iconRadio[i],'icon-top1')
                 U.addClass(ul[i],'active')
             }
             this.innerHTML='全部收缩'
         }
         else {
            for(var i=0;i<iconRadio.length;i++){
                U.addClass(iconRadio[i],'icon-down')
                U.removeClass(iconRadio[i],'icon-top1')
                U.removeClass(ul[i],'active')
            }
            this.innerHTML='全部展开'
         }
        }
})();